<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta name="layout" content="main_customer_pc">
        <title>火堆</title>       
        <link rel="stylesheet" type="text/css" href="/scfire/css_pc/about.css" />
    	<link rel="stylesheet" type="text/css" href="/scfire/css_pc/item.css" />
    	<link rel="stylesheet" type="text/css" href="/scfire/css_pc/case.css" /> 
    	<link rel="stylesheet" type="text/css" href="/scfire/css_pc/simditor.css" /> 

    </head>

<body>
    <section class="">
        <div class="banner style1 fix-header" style="background-image: url(../img_pc/bg-banner-4.jpg)">
            <div class="container">
                <h1>火堆，让教育成为每个人的教育</h1>
                <div class="txt">真实的需求源自平等的表达
                    <br>包容的心态创造多元的教育
                    <br> 谦卑的尊重挣脱蒙昧的禁锢
                    <br>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="nav style1">
                <ul>
                    <li class="active"><a href="">了解火堆</a></li>
                    <li><a href="">创业日记</a></li>
                    <li><a href="">团队成员</a></li>
                    <li><a href="">加入我们</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
            </div>
            <div class="body">
                <div class="container">
                    <ul class="nav-content">
                        <li class="active">
                        <div class="simditor">
                        <div id="aboutContent" class="simditor-body">
                        </div>
                        </div>
                        </li>
                        <li >
                        <div class="company-history">
                        <%int years = 2030 %>
                        <g:while test="${years > 2014}">
                        <g:if test="${diarymap.get(years) != null}">
                                <div class="period-box">
                                    <h4>${years}</h4>
                                    <% def innercount = 0 %>
                                    <g:each in="${diarymap.get(years)}" var="article" status="i">
                                    <g:if test="${innercount ==0}">
                                    <div class="event-line">
                                    <b></b><b></b>
                                    </g:if>
                                        <div class="event-box">
                                            <b></b>
                                            <h3>${article?.title} <span><g:formatDate format="yyyy-MM-dd" date="${article?.date}"/></span></h3>
                                            <p>
                                                ${article?.content}
                                            </p>
                                            <ul class="img-list">
                                            	<g:each in="${article?.imgs}" var='img'>
                                            	<li>
                                                    <span style="background-image:url('/scfire/project/imgRead?img=${img}')">
                                                        <div class="img-box">
                                                            <img src="/scfire/project/imgRead?img=${img}" alt="" />
                                                        </div>
                                                    </span>
                                                </li>
                                            	</g:each>
                                            </ul>
                                        </div>
                                    <g:if test="${innercount ==1}">
                                    </div>
                                    <%innercount =0;%>
                                    </g:if>
                                    <g:else>
                                    <%innercount ++;%>
                                    </g:else>
                                    </g:each>
                             </div>
                             </g:if>
                             <%years --;%>
                             </g:while>
                             </div>
                        </li>
                        <li>
                            <div class="list-wrap">
                                <ul class="list people">
                                	<g:each in="${partners?.partnerpces}" var="partner">
                                    <li class="list-item" style="background-image:url('/scfire/project/imgRead?img=${partner?.img}')">
                                        <div class="des">
                                            <div class="name">${partner?.name}</div>
                                            <div class="txt">${partner?.description}</div>
                                        </div>
                                    </li>
                                    </g:each>
                                </ul>
                            </div>
                        </li>
                        <li>
                        <div class="simditor">
                            <div class="simditor-body" id="joinContent">

                            </div>
                        </div>
                        </li>
                        <li>
                            <div class="contact">
                                <ul class="contact-list">
                                    <li>
                                        <div class="icon"></div>
                                        <div class="title">微信</div>
                                        <div class="detail">关注微信公众号：ihuodui</div>
                                    </li>
                                    <li>
                                        <div class="icon"></div>
                                        <div class="title">邮件</div>
                                        <div class="detail">huodui@adream.org</div>
                                    </li>
                                    
                                    <li>
                                        <div class="icon"></div>
                                        <div class="title">地址</div>
                                        <div class="detail">上海市浦东新区碧波路572弄115号3幢2层</div>
                                    </li>
                                    <li>
                                        <div class="icon"></div>
                                        <div class="title">电话</div>
                                        <div class="detail">
                                            业务咨询、市场合作
                                            <p> 021-31767525
                                        </div>
                                    </li>
                                </ul>
                                <div class="map">
                                <img src="../img_pc/demo/demo-map.jpg">
                                </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

	<input id="articleAbout" type="hidden" value="${about?.content}"/>
	<input id="articleJoin" type="hidden" value="${joinUs?.content}"/>
    <script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/util.js"></script>
    <script>
    $(function() {

    	//var map = new BMap.Map("allmap");
    	//var point = new BMap.Point(121.58886,31.210319);
		//map.centerAndZoom(point, 17);
		//var walking = new BMap.WalkingRoute(map, {renderOptions:{map: map, autoViewport: false}});
		//walking.search("张江高科", "上海真爱梦想公益基金会");

        
        $('.nav ul li a').click(function(e) {
            e.preventDefault();
        })
        $('.nav ul li').click(function(e) {
        	//map.panTo(new BMap.Point(121.586794,31.211647));
            $(this).addClass('active').siblings('.active').removeClass('active');
            $('.nav-content>li').eq($(this).index()).addClass('active').siblings('.active').removeClass('active');
        })

        $("#aboutContent").html($("#articleAbout").val());
        $("#joinContent").html($("#articleJoin").val());
    })
    
    function showArticle(id){
    	window.location.href='/scfire/ArticlePc/showArticle?articleid='+id;
    }
    </script>
</body>
</html>